<template>
    <!-- <h1>{{ result }}</h1> -->
    <!-- @see  https://www.yuque.com/gorit/fullstack-front/kqzmnm#972a5097-->
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';

// 异步组件可以使用 Suspense 组件包裹，当异步组件加载完成时，Suspense 组件会恢复对子组件的渲染
export default defineComponent({
    setup() {
        return new Promise((resolve) => {
            setTimeout(() => {
                return resolve({
                    result: 42
                })
            }, 3000);
        });
    }
});
</script>

<style>
</style>